import { Card, Col, ConfigProvider, Row } from 'antd'
import EnvPanel from './panel/EnvPanel'

/**
 * @abstract 编程环境 - 前后端等
 */
export default function IndexModule() {
  return (
    <ConfigProvider
      theme={{
        components: {
          Card: {
            bodyPadding: 6,
          },
        },
      }}>
      {/* 编程环境 */}
      <Row className="w-full">
        <Col sm={24} xl={24}>
          <Card title="编程环境" hoverable={true} className="w-full h-full" style={{ height: '100%' }}>
            <EnvPanel />
          </Card>
        </Col>
      </Row>
    </ConfigProvider>
  )
}
